<template>
	<div id="app">
		<router-view />
		<theme-picker />
	</div>
</template>

<script>
	import ThemePicker from '@/components/ThemePicker'

	export default {
		name: 'App',
		components: {
			ThemePicker
		},
		metaInfo() {
			return {
				title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
				titleTemplate: (title) => {
					return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
				},
			}
		},
	}
</script>
<style >
	#app .theme-picker {
		display: none;
	}

	.el-descriptions .my-label {
		width: 150px !important;
	}
</style>